<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>IIS7</title>
     <link rel="stylesheet" href="content/css/ko.css" />
    <style type="text/css">
        <!--

       

        #container {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        a img {
            border: none;
        }

       
        -->
    </style>
</head>
<body>
    <div class="sticker floatRight">
        <div class="stickerHeading">
            <h1>Memory board</h1>
        </div>
        <span><a href="komemory.html">Memory game</a> in <a href="http://knockoutjs.com">KnockoutJs</a> with a little <a href="http://jquery.com">jQuery</a></span>

    </div>
    <div id="username" class="sticker floatRight">
        <div class="stickerHeading">
            <h1>Browse user iis</h1>
        </div>
        <select data-bind="options: users, optionsCaption:'Saved users...', visible: users()!=undefined && users().length>0, value:getCurrentIfSaved">
            
        </select>
        <span>Enter username:</span><input type="text" data-bind="value: display, valueUpdate: 'afterkeydown'" />
        <a href="#" data-bind="click: saveuser">Save</a>
        <ul data-bind="visible: display().length>0">
            <li><a href="#" data-bind="text: url, attr:{href: url}"></a></li>
            <li><a href="#" data-bind="text: filesystem, attr:{href: filesystem}"></a></li>
            <li><span data-bind="text: netshare"></span></li>
        </ul>
        
        
        
    </div>
    
    <div id="container">
        <img src="welcome.png" alt="IIS7" width="571" height="411" />
    </div>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>
    <script src="scripts/usernamestorage.js"></script>
    <script src="scripts/username.js"></script>

    <script>
        var usernameModel = new UsernameModel();
        ko.applyBindings(usernameModel, document.getElementById('username'));
    </script>
</body>
</html>
